<?php 
if('localhost' == $_SERVER['HTTP_HOST']){
    $cdnUrl='./';
}else{
    $cdnUrl='http://lin.mei94.com/yaoy/';
}
$yisu=range(1, 20);

$appId = 'wxe214ac48790c622f';
$secret = '62d3091e10b72a50a8a2c4f758a799b2';
include_once 'jssdk.php';
$jssdk = new JSSDK($appId, $secret);
$signPackage = @$jssdk->GetSignPackage();
$v=12;
?><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>保时捷中国青年艺术家双年评选</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="<?php echo $cdnUrl; ?>css/swiper.min.css">
<style>
html,body{width:100%;font-size:12px;font-family:Helvetica,Tahoma, Arial, STXihei,Microsoft YaHei, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
body{background:#000000;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}
body, div{padding:0px;margin:0px auto;max-width:750px;}
.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#FFF;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:36px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:1.2em 20px .1em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3CC51F;text-decoration:none;-webkit-tap-highlight-color:transparent;position:relative}.weui-dialog__btn:active{background-color:#EEE}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0BB20C}@media screen and (min-width:1024px){.weui-dialog{width:35%}}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,.6)}
.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}
.js_dialog{display:none;}
-webkit-touch-callout:none;
-webkit-user-select:none;
html{-ms-touch-action:none;}
div,img{-webkit-tap-highlight-color:rgba(0,0,0,0);}
*{-webkit-text-size-adjust: none;}
.simg{position:absolute;display:block;}
a{text-decoration:none;}
.txt{position:absolute;text-indent:4px;color:#787c7f;font-size:12px;z-index:2;border:none;background:transparent;}
.txt::-webkit-input-placeholder{text-align:left;color:#a2a2a2;}
select{position:absolute;color:#787c7f;display:block;background:transparent;border:0px;text-indent:4px;font-size:12px;-webkit-appearance:none;}
.container{position:relative;width:100%;height:auto;overflow:hidden;}
.p1, .p2, .p3, .p4{position:absolute;width:100%;height:100%;opacity:0;}
.p-b, .thebg{position:absolute;width:100%;top:0;left:0;}
.hide{display:none;}
.animated{animation-duration:1.5s;animation-fill-mode: both;}
.animated.infinite{animation-iteration-count: infinite;}
.animated.d8s{animation-delay: .8s;}
.animated.delay-1s {animation-delay: 1s;}
.p1-b2{position:absolute;width:100%;bottom:0;left:0;}
.p-m{position:absolute;z-index:2;}
.scroll{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
*{touch-action:pan-y;}
.p2-s1 .swiper-slide{height:100%;opacity:.8;}
.p2-s1 .swiper-slide img{position:absolute;}
.p3-s1 .swiper-slide img{position:absolute;width:100%;}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@keyframes warn{
    0% {
        -webkit-transform: scale(.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}
@-webkit-keyframes warn{
    0% {
        -webkit-transform: scale(.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }
}
.p1-licAni{
    -webkit-animation: warn 1.6s ease-out;
    animation: warn 1.6s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  to {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(.8, .8, .8);
    transform: scale3d(.8, .8, .8);
  }
}
.pulse{
  animation-duration:1.5s;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.p2-logo{z-index:2;}
.p3-b1, .p3-b2{z-index:2;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:3%;}
.swiper-pagination-bullet{background:#fff;}
.swiper-pagination-bullet-active{background:#fff;}
.swiper-pagination-bullet{width:6px;height:6px;}
.t-bg{position:absolute;display:none;width:100%;height:100%;top:0px;left:0px;background-color:#000;opacity:.86;z-index:6;}
.p4{z-index:9;}
@-webkit-keyframes rotate{ from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} }
.gorotate{animation: rotate 3s linear infinite;-webkit-animation: rotate 3s linear infinite;}
.boxA, .boxB{position:absolute;width:100%;height:100%;margin:0px;padding:0px;overflow:hidden;}
.p3-cha, .p3-fan{z-index:4;}
.isl{width:0;}
</style>
</head><script>var _hmt = _hmt || [];(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?7616873bcc36de97934ea9a9cf32e6d3";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();</script>
<body>
<div class="container">
	<div class="p1">
	   <img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
	   <div class="thebg">
	      <img class="p1-b2" src="<?php echo $cdnUrl; ?>img/p1-b2.jpg" />
	      <img class="p1-t1 p1-t1a simg hide animated fadeInLeft d8s" src="<?php echo $cdnUrl; ?>img/p1-t1a.png" />
	      <img class="p1-t1 simg hide animated fadeInLeft d8s" src="<?php echo $cdnUrl; ?>img/p1-t1.png?v=2" />
	      <img class="p1-t2 simg" src="<?php echo $cdnUrl; ?>img/p1-t2.png?v=<?php echo $v; ?>" />
	      <img class="p1-t3 simg" src="<?php echo $cdnUrl; ?>img/p1-t3.png" />
	      <img class="p1-li simg" src="<?php echo $cdnUrl; ?>img/p1-li.png" />
	      <img class="p1-lic p1-licAni simg" src="<?php echo $cdnUrl; ?>img/p1-lic.png" />
	      <img class="p1-shou hide simg pulse animated infinite " src="<?php echo $cdnUrl; ?>img/shou.png" />
	   </div>
    </div>
    <div class="p2">
        <img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
        <div class="thebg">
            <img class="p2-t1 simg" src="<?php echo $cdnUrl; ?>img/p2-t1.png" />
            <img class="p2-t2 simg" src="<?php echo $cdnUrl; ?>img/p2-t2.png" />
            <img class="p2-logo simg" src="<?php echo $cdnUrl; ?>img/p2-logo.png?v=9" />
            <div class="swiper-container p2-s1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                  <img class="p2u1" data-id="<?php echo $yisu[0] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[0] ?>.png" />
                  <img class="p2u2" data-id="<?php echo $yisu[1] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[1] ?>.png" />
                  <img class="p2u3" data-id="<?php echo $yisu[2] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[2] ?>.png" />
                  <img class="p2u4" data-id="<?php echo $yisu[3] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[3] ?>.png" />
              </div>
              <div class="swiper-slide">
                  <div class="p2-l hide"></div>
                  <img class="p2u1" data-id="<?php echo $yisu[4] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[4] ?>.png" />
                  <img class="p2u2" data-id="<?php echo $yisu[5] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[5] ?>.png" />
                  <img class="p2u3" data-id="<?php echo $yisu[6] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[6] ?>.png" />
                  <img class="p2u4 p2-11" data-id="<?php echo $yisu[10] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[10] ?>.png" />
              </div>
              <div class="swiper-slide">
                  <img class="p2u1" data-id="<?php echo $yisu[8] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[8] ?>.png" />
                  <img class="p2u2" data-id="<?php echo $yisu[9] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[9] ?>.png" />
                  <img class="p2u3" data-id="<?php echo $yisu[7] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[7] ?>.png" /> 
                  <img class="p2u4" data-id="<?php echo $yisu[11] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[11] ?>.png" /> 
              </div>
              <div class="swiper-slide">
                  <img class="p2u1" data-id="<?php echo $yisu[12] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[12] ?>.png" />
                  <img class="p2u2" data-id="<?php echo $yisu[13] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[13] ?>.png" />
                  <img class="p2u3" data-id="<?php echo $yisu[14] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[14] ?>.png" />
                  <img class="p2u4" data-id="<?php echo $yisu[15] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[15] ?>.png" /> 
              </div>
              <div class="swiper-slide">
                  <img class="p2u1" data-id="<?php echo $yisu[16] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[16] ?>.png" />
                  <img class="p2u2" data-id="<?php echo $yisu[17] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[17] ?>.png" />
                  <img class="p2u3" data-id="<?php echo $yisu[18] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[18] ?>.png" />
                  <img class="p2u4" data-id="<?php echo $yisu[19] ?>" src="<?php echo $cdnUrl; ?>img/u/<?php echo $yisu[19] ?>.png" />  
              </div>
            </div>
          </div>
          
        </div>
    </div>
    
    <div class="p3">
         
         <img class="p3-b1 simg" src="<?php echo $cdnUrl; ?>img/p3-b1.png" />
         <img class="p3-b2 simg" src="<?php echo $cdnUrl; ?>img/p3-b2.png?v=<?php echo $v; ?>" />
         <img class="p-m" src="<?php echo $cdnUrl; ?>img/m.png" />
         <div class="thebg">
          <img class="p3-t1 simg" src="<?php echo $cdnUrl; ?>img/p3-t1.png?v=<?php echo $v; ?>" />
          <img class="p3-title simg" src="<?php echo $cdnUrl; ?>3/s/1c.png?v=<?php echo $v; ?>" />
          <img class="p3-cha simg" src="<?php echo $cdnUrl; ?>3/cha.png" />
          <img class="p3-fan hide simg" src="<?php echo $cdnUrl; ?>3/fan.png" />
         <div class="swiper-container p3-s1">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                 <img class="p3-sd1" src="<?php echo $cdnUrl; ?>3/s/1a.png?v=<?php echo $v; ?>" />
              </div>
              <div class="swiper-slide">
                  <img class="p3-sd2" src="<?php echo $cdnUrl; ?>3/s/1b.png?v=<?php echo $v; ?>" />
              </div>
           </div> 
           <div class="swiper-pagination"></div>
          </div>   
          <img class="p3-zptu simg" src="<?php echo $cdnUrl; ?>3/z/1.png?v=<?php echo $v; ?>" />
          <img class="p3-ystu hide simg" src="<?php echo $cdnUrl; ?>3/y/1.png?v=<?php echo $v; ?>" />

          
          

          <div class="p3-pre simg"></div>
          <div class="p3-next simg"></div>
          
          <img class="p3-jz1 isl hide" src="<?php echo $cdnUrl; ?>3/s/2a.png?v=<?php echo $v; ?>" />
          <img class="p3-jz2 isl hide" src="<?php echo $cdnUrl; ?>3/s/1b.png?v=<?php echo $v; ?>" />
          <img class="p3-jz3 isl hide" src="<?php echo $cdnUrl; ?>3/z/2.png?v=<?php echo $v; ?>" />
         
         </div>

    </div>
    
    <div class="t-bg"></div>
    <div class="p4">
       <div class="thebg">
         <img class="p-b" src="<?php echo $cdnUrl; ?>img/p4.png?v=<?php echo $v; ?>" />
         <div class="p4-kan simg"></div>
       </div>
    </div>
    
</div>
<div style="display:none;">
    <audio id="music" preload="auto"><source src="m.ogg" type="audio/ogg"><source src="m.mp3"  type="audio/mpeg"></audio>
    <audio id="mbg" preload="auto" loop="loop"><source src="b2.mp3"  type="audio/mpeg"></audio>
</div>
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.4/jquery2.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/pxloader-images.min.js"></script>
<script src="<?php echo $cdnUrl ?>js/swiper.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
<script>
_h=h= Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var sWidth = parseInt((window.innerWidth > 0) ? window.innerWidth : screen.width);
if(sWidth>750){sWidth=750;}
var _rate=(sWidth/750);
if(h<_rate*1206){h=_rate*1206;}
var _img=['m.png'];
var loader = new PxLoader();
for(var i=0; i<_img.length; i++){loader.addImage('./img/'+_img[i]);}
loader.start();
var _music=document.getElementById("music");
var _mbg=document.getElementById("mbg");
var _mbgFlag=false;

var _idP1=1;
var _idP1F=false;
function _goP1A(){
	if(true == _idP1F){return;}
	if(1 == _idP1){
		_idP1=2;
		$(".p1-t1a").attr("src","<?php echo $cdnUrl; ?>img/p1-t1a.png");
	}else{
		_idP1=1;
		$(".p1-t1a").attr("src","<?php echo $cdnUrl; ?>img/p1-t1b.png");
	}
	window.setTimeout(function(){_goP1A();}, 400);
}
loader.addCompletionListener(function(e){
	   $(".p1").fadeIn(800).css({"opacity":1});
	   $(".p2, .p3, .p4").hide().css({"opacity":1});
	   _music.addEventListener('ended', function () {
		   $(".p1-lic").removeClass("p1-licAni");
		   $(".p1-li, .p1-lic").addClass("fadeOutLeft animated");
		   $(".p1-t1").show();
		   window.setTimeout(function(){$(".p1-shou").fadeIn();}, 1800);
		   _goP1A();
		   _mbg.play();
		   _mbgFlag=true;
		   $(".p-m").addClass("gorotate");
	    }, false);
	   _music.play();
       document.addEventListener("WeixinJSBridgeReady", function () {
               _music.play();
       }, false);
       //test
       //$(".p1").fadeOut();
       //$(".p2").hide().css({"opacity":1}).fadeIn();
      // $(".p3-s1, .p3-cha").hide();
	  
});
$(".p1-li").click(function(){
	   _music.play();
});
var _sInfo={1:['a','b','c','d','e','f']};
var _dui={1:1,2:2,3:3,4:4,5:5,
6:7,7:6,8:10,9:10,10:8,11:9,12:13,13:11,14:12,15:14,16:15,
17:16,18:18,19:17,20:19};
$(function(){
	document.body.addEventListener('touchmove', function (e) {
		  e.preventDefault();  
	}, {passive: false});
	$('.container').width(sWidth).height(h);
	$('.thebg, .p-b').width(sWidth).height(_rate*1206);
	$('.p1-t1').width(sWidth).height(_rate*324).css({"top":_rate*722, "left":0});
	$('.p1-t2').width(_rate*652).height(_rate*130).css({"top":_rate*1074, "left":0});
	$('.p1-t3').width(_rate*482).height(_rate*618).css({"top":_rate*58, "left":_rate*134});
	$('.p1-li').width(sWidth).height(_rate*292).css({"top":_rate*736, "left":0});
	$('.p1-lic').width(_rate*237).height(_rate*87).css({"top":_rate*836, "left":_rate*35});
	$('.p1-shou').width(_rate*59).height(_rate*70).css({"top":_rate*956, "left":_rate*628});
 
	$('.p-m').width(_rate*67).height(_rate*62).css({"top":_rate*50, "left":_rate*44});
	$('.logo').width(_rate*171).height(_rate*83).css({"top":_rate*122, "left":0});
	$('.p2-t1').width(_rate*639).height(_rate*72).css({"top":_rate*84, "left":0});
	$('.p2-t2').width(_rate*639).height(_rate*249).css({"top":_rate*880, "left":0}); 
	$('.p2-logo').width(_rate*277).height(_rate*328).css({"top":_rate*320, "left":_rate*244});
	$('.p2u1, .p2u2, .p2u3, .p2u4').width(_rate*186).height(_rate*161);
	$('.p2-l').width(_rate*98).height(_rate*98).css({"top":_rate*180, "left":_rate*40});
	$('.p2u1').css({"top":_rate*176});
	$('.p2u2').css({"top":_rate*340});
	$('.p2u3').css({"top":_rate*506});
	$('.p2u4').css({"top":_rate*660});
	$('.p2-s1').width(_rate*750).height(_rate*800);
	 
	$('.p3-b1').width(_rate*188).height(_rate*69).css({"top":_rate*46, "left":_rate*324});
	$('.p3-b2').width(_rate*188).height(_rate*69).css({"top":_rate*46, "left":_rate*527});
	$('.p3-t1').width(sWidth).height(_rate*1009).css({"top":_rate*114, "left":0});
	$('.p3-zp').width(_rate*408).height(_rate*415).css({"top":_rate*673, "left":_rate*34});
	$('.p3-ys').width(_rate*270).height(_rate*415).css({"top":_rate*673, "left":_rate*440});
	$('.p3-s1').width(_rate*644).height(_rate*534).css({"margin-top":_rate*110});
	$('.p3-title').width(_rate*644).height(_rate*534).css({"top":_rate*110, "left":_rate*52});
	$('.p3-cha').width(_rate*259).height(_rate*98).css({"top":_rate*566, "left":_rate*458});
	$('.p3-fan').width(_rate*282).height(_rate*122).css({"top":_rate*540, "left":_rate*468});
	$('.p3-zptu').width(_rate*708).height(_rate*351).css({"top":_rate*722, "left":0});
	$(".p3-ystu").width(sWidth).height(_rate*448).css({"top":_rate*180, "left":0});
	$('.p4-kan').width(_rate*220).height(_rate*90).css({"bottom":_rate*40, "left":_rate*480});
	$('.p3-pre').width(_rate*224).height(_rate*95).css({"top":_rate*1030, "left":_rate*30});
	$('.p3-next').width(_rate*218).height(_rate*95).css({"top":_rate*1030, "left":_rate*464});

	var _p3Click=true;
	$('.p3-cha').click(function(){
		_p3Click=false;	
       $(".p3-s1, .p3-cha").fadeOut(1000, 'swing',function(){
    	   $(".p3-s1, .p3-cha").hide();
    	   $(".p3-fan, .p3-ystu").fadeIn(1000, 'swing', function(){
    		   _p3Click=true;
          });
    	   
       });
	});
	$('.p3-fan').click(function(){
		_p3Click=false;
		$(".p3-fan, .p3-ystu").fadeOut(1000, 'swing',function(){
			$(".p3-fan, .p3-ystu").hide();
			$(".p3-s1, .p3-cha").fadeIn(1000, 'swing', function(){
	    		   _p3Click=true;
	        });
	    });
	});
	
	
	<?php include 'js.php'; ?>

	var swiper = new Swiper('.p2-s1', {
		   slidesPerView: 4,
		   speed:1200,
		   loop : true,
		   spaceBetween: _rate*10,
		   centeredSlides: true,
		   on:{
		        transitionStart: function(){
		            //$(".p2-logo, .p2-logobg").hide();
		          },
		          transitionEnd: function(){
		        	//$(".p2-logo, .p2-logobg").show();
		          }
		        }
	    } );
	var p3Sw=new Swiper('.p3-s1', {loop : true,pagination: {
        el: '.swiper-pagination',
    }});
	

	var _cruId=1;
    $('.p3-pre').click(function(){
    	if(false == _p3Click){return;}
    	_cruId--;
        if(_cruId < 1){_cruId=19;}
        $(".p3-t1, .p3-s1, .p3-title, .p3-cha, .p3-zptu, .p3-cha, .p3-ystu, .p3-fan").fadeOut(1600);
    	window.setTimeout(function(){
    		$(".p3-t1, .p3-s1, .p3-title, .p3-cha, .p3-zptu, .p3-cha, .p3-ystu, .p3-fan").hide();
    		$(".p3-title").attr("src","<?php echo $cdnUrl; ?>3/s/"+_cruId+"c.png?v=<?php echo $v; ?>");
        	$(".p3-sd1").attr("src","<?php echo $cdnUrl; ?>3/s/"+_cruId+"a.png?v=<?php echo $v; ?>");
        	$(".p3-sd2").attr("src","<?php echo $cdnUrl; ?>3/s/"+_cruId+"b.png?v=<?php echo $v; ?>");
        	$(".p3-zptu").attr("src","<?php echo $cdnUrl; ?>3/z/"+_cruId+".png?v=<?php echo $v; ?>");
        	$(".p3-ystu").attr("src","<?php echo $cdnUrl; ?>3/y/"+_cruId+".png?v=<?php echo $v; ?>");
        	window.setTimeout(function(){
        		$(".p3-t1, .p3-s1, .p3-title, .p3-cha, .p3-zptu, .p3-cha").fadeIn();
      		}, 200);
         }, 1600);

        var _nextId=_cruId-1;
        if(_nextId < 0){_nextId=1;}
    	$(".p3-jz1").attr("src","<?php echo $cdnUrl; ?>3/s/"+_nextId+"a.png?v=<?php echo $v; ?>");
    	$(".p3-jz2").attr("src","<?php echo $cdnUrl; ?>3/s/"+_nextId+"b.png?v=<?php echo $v; ?>");
    	$(".p3-jz3").attr("src","<?php echo $cdnUrl; ?>3/z/"+_nextId+".png?v=<?php echo $v; ?>");
        
	});


	
    $('.p3-next').click(function(){
        if(false == _p3Click){return;}
    	_cruId++;
    	if(_cruId > 19){_cruId=1;}
    	$(".p3-t1, .p3-s1, .p3-title, .p3-cha, .p3-zptu, .p3-cha, .p3-ystu, .p3-fan").fadeOut(1600);
    	window.setTimeout(function(){
    		$(".p3-t1, .p3-s1, .p3-title, .p3-cha, .p3-zptu, .p3-cha, .p3-ystu, .p3-fan").hide();
    		$(".p3-title").attr("src","<?php echo $cdnUrl; ?>3/s/"+_cruId+"c.png?v=<?php echo $v; ?>");
        	$(".p3-sd1").attr("src","<?php echo $cdnUrl; ?>3/s/"+_cruId+"a.png?v=<?php echo $v; ?>");
        	$(".p3-sd2").attr("src","<?php echo $cdnUrl; ?>3/s/"+_cruId+"b.png?v=<?php echo $v; ?>");
        	$(".p3-zptu").attr("src","<?php echo $cdnUrl; ?>3/z/"+_cruId+".png?v=<?php echo $v; ?>");
        	$(".p3-ystu").attr("src","<?php echo $cdnUrl; ?>3/y/"+_cruId+".png?v=<?php echo $v; ?>");
        	window.setTimeout(function(){
        		$(".p3-t1, .p3-s1, .p3-title, .p3-cha, .p3-zptu, .p3-cha").fadeIn();
      		}, 200);
         }, 1600);

    	var _nextId=_cruId+1;
        if(_nextId > 20){_nextId=20;}
    	$(".p3-jz1").attr("src","<?php echo $cdnUrl; ?>3/s/"+_nextId+"a.png?v=<?php echo $v; ?>");
    	$(".p3-jz2").attr("src","<?php echo $cdnUrl; ?>3/s/"+_nextId+"b.png?v=<?php echo $v; ?>");
    	$(".p3-jz3").attr("src","<?php echo $cdnUrl; ?>3/z/"+_nextId+".png?v=<?php echo $v; ?>");
	}); 
 
	
	if(h > _rate*1206){
		   var _cha= (h - _rate*1206)/2;
		   if(_cha > 0){
		      $('.thebg').css({"top":_cha});
		      
		   }   
	}     

	$(".p2u1, .p2u2, .p2u3, .p2u4").click(function(){
		var _id=$(this).attr("data-id");
		var _getId=_dui[_id];
		_cruId=_getId;
		$(".p3-title").attr("src","<?php echo $cdnUrl; ?>3/s/"+_getId+"c.png?v=<?php echo $v; ?>");
    	$(".p3-sd1").attr("src","<?php echo $cdnUrl; ?>3/s/"+_getId+"a.png?v=<?php echo $v; ?>");
    	$(".p3-sd2").attr("src","<?php echo $cdnUrl; ?>3/s/"+_getId+"b.png?v=<?php echo $v; ?>");
    	$(".p3-zptu").attr("src","<?php echo $cdnUrl; ?>3/z/"+_getId+".png?v=<?php echo $v; ?>");
    	$(".p3-ystu").attr("src","<?php echo $cdnUrl; ?>3/y/"+_getId+".png?v=<?php echo $v; ?>");
		 
         $(".p2").fadeOut();
         $(".p3").hide().css({"opacity":1});
         $(".p3").fadeIn(function(){});

        var _nextId=_cruId-1;
        if(_nextId < 0){_nextId=1;}
        window.setTimeout(function(){
        	$(".p3-jz1").attr("src","<?php echo $cdnUrl; ?>3/s/"+_nextId+"a.png?v=<?php echo $v; ?>");
         	$(".p3-jz2").attr("src","<?php echo $cdnUrl; ?>3/s/"+_nextId+"b.png?v=<?php echo $v; ?>");
         	$(".p3-jz3").attr("src","<?php echo $cdnUrl; ?>3/z/"+_nextId+".png?v=<?php echo $v; ?>");
            }, 600);
	}); 

	$(".p1-t1").click(function(){
		 $(".p1").fadeOut(function(){_idP1F=true;});
         $(".p2").hide().css({"opacity":1}).fadeIn();
         
         $(".p-m").addClass("gorotate");
         _mbg.play();
         _mbgFlag=true;
    });

	$(".p-m").click(function(){
		if(true == _mbgFlag){
			_mbgFlag=false;
			_mbg.pause();
			$(".p-m").removeClass("gorotate");
	    }else{
	    	_mbgFlag=true;
	    	_mbg.play();
	    	$(".p-m").addClass("gorotate");
		}
         
    });

	$(".p3-b1").click(function(){
        $(".p4, .t-bg").fadeIn();
    });
	$(".p3-b2").click(function(){
		$(".p3").fadeOut();
        $(".p2").fadeIn(function(){
        	    _p3Click=true;
    			$(".p3-fan, .p3-ystu").hide();
    			$(".p3-s1, .p3-cha").show();
		});
    });
	$('.p4-kan').click(function(){
        $(".p4, .t-bg").fadeOut();
    }); 

	wx.config({
        appId: '<?php echo $signPackage["appId"];?>',timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage','onMenuShareQQ','showMenuItems','showOptionMenu']
    });
    wx.ready(function () {
    		var _title='青年艺术力量绽放';
    		var _desc='2018-2019保时捷“中国青年艺术家双年评选”提名艺术家及作品';
    		var _link='http://mei94.com/yaoy/';
    		var _imgUrl='http://mei94.com/yaoy/img/64.png';
    			wx.onMenuShareTimeline({title: _desc, link: _link, imgUrl: _imgUrl,success: function () {
    			},cancel: function () { 
    			}});
    			wx.onMenuShareAppMessage({ title: _title, desc: _desc,link: _link,imgUrl: _imgUrl, type: '', dataUrl: '', success: function () {
    			},cancel: function () { 
    			}});
    });
  
});
</script></body></html>